<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
// 	document.onload=function(){
// 	}
	$(document).ready(function(){
		var canvas=document.getElementById('canvas');
		var context=canvas.getContext('2d');
		
		context.
		$('canvas').toggle(function(event){
			var position=$(this).offset();
			var x=event.pageX-position.left;
			var y=event.pageY-position.top;
			context.beginpath();
			context.stroke(x,y);
		},function(event){
// 			context.beginPath();
// 			context.moveTo(100,100);
// 			context.lineTo(200,200);
// 			context.stroke();
			
		});
	});
		
	});
</script>
</head>
<body>
	<canvas id="canvas" width="500" height="500">
	</canvas>
</body>
</html>